<!doctype html>
<html lang="en">
	<head>
		<meta charset="utf-8"/>
		<title> Africa</title>
		<link href="styles/styles.css"
			rel="stylesheet"
			type="text/css"/>
		<script language="javascript" src="scripts/scripts.js" >
		
		</script>	
			
						
	</head>
	
	<body>
	
	<header> <h1 class="mainheader">Africa</h1></header>
	
			
		<section>
			<p>The maps below show the continent of Africa. The map on the left shows the political boundaries and the map on the right shows the
			 population density (pp/km) of each country. There are dozens of countries in Africa, but this website will focus on five of them.  Review
			 the information about each country to complete the course.
			 </br>
			</p>	
		
		</section>


		<div>
				<img src="images/continent.png"
					alt="This is a political map of the African continent"
					title="This is a political map of the African continent"
					id="picture" />
				&nbsp;
				<img src="images/africaPopMap.png"
					alt="This map shows the population density of Africa in July 2011."
					title="This map shows the population density of Africa in July 2011."
					id="picture2"/>
		</div>
	
	
	<section>
			<p id="caption"> </p>	
			 </br>
			 </br>
			
	</section>
			
		
		<nav>
			<div>
				<a href="javascript:showMorocco()" class="menulinks"> Morocco </a>
				<a href="javascript:showTogo()" class="menulinks"> Togo </a>
				<a href="javascript:showNamibia()" class="menulinks"> Namibia </a>
				<a href="javascript:showMadagascar()" class="menulinks"> Madagascar </a>
				<a href="javascript:showLesotho()" class="menulinks"> Lesotho </a>	
				<a href="javascript:showCounter()" class="menulinks"> Counter </a>
			</div>
				 </br>
				 </br>
		</nav>

	<footer>
		<cite>This information on this page comes from the <a href="https://www.cia.gov/library/publications/the-world-factbook/"> CIA World Factbook</a> and <a href="http://www.lipsum.com" target="_blank"> Lorem Ipsum</a>.</cite> 
		<br><br>
		<cite>The pictures come from <a href="http://www.creativecommons.org" target="_blank"> CreativeCommons</a>.</cite> 
		</br></br>
		<p>&copy; 2011</p>
	</footer>
	
	
	
	</body>
</html>